<script>
import {defineComponent} from 'vue'
import Child from "@/components/Child.vue";

export default defineComponent({
    name: "App",
    data(){
        return {
            num:100
        }
    },
    methods:{
        fn(v){
            this.num = v;
        }
    },
    components: {Child}
})
</script>

<template>
    <div>
        <h3>App:{{num}}</h3>
        <hr/>
        <Child @suibian="fn" :num="num"/>
    </div>
</template>

<style scoped>

</style>